<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>模仿360文档卫士官网</title>
    <link rel="stylesheet" href="css/Reset.css" type="text/css">
    <link rel="stylesheet" href="css/index.css" type="text/css">
</head>
<body>
<div id="app">
    <header>
        <nav class="clearfix">
            <a class="logo" href="index.html"><img src="img/Logo背景.png" alt="360文档卫士Logo"></a>
            <ul>
                <li><a href="#">360首页</a></li>
                <li><a href="#">关于敲诈者病毒</a></li>
            </ul>
        </nav>
    </header>
    <div class="area area1">
        <div class="txt1" aria-label="敲诈者病毒终结者"></div>
        <a href="#" role="button" class="download-btn" aria-label="立即下载"></a>
        <div class="info">支持xp以上32位系统,以及win7以上64位系统</div>
    </div>
    <div class="area area2">
        <div class="box">
            <div class="img"></div>
            <div class="text">
                <h2 aria-label="自动备份 无需动手"></h2>
                <div class="line">
                    <div></div>
                </div>
                <ul>
                    <li class="clearfix">
                        <i class="icon icon-1"></i>
                        <span>杜绝病毒篡改</span>
                    </li>
                    <li class="clearfix">
                        <i class="icon icon-2"></i>
                        <span>发现文档修改后自动备份</span>
                    </li>
                    <li class="clearfix">
                        <i class="icon icon-3"></i>
                        <span>为您保留三十天 轻松备份 磁盘无压力</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="area area3">
        <div class="box">
            <div class="text">
                <h2></h2>
                <div class="line">
                    <div></div>
                </div>
                <p>覆盖市面大部分病毒样本，帮您解锁加密文档还系统一份安宁</p>
            </div>
            <div class="img"></div>
        </div>
    </div>
    <div class="area area4">
        <div class="box">
            <div class="img"></div>
            <div class="text">
                <h2></h2>
                <div class="line">
                    <div></div>
                </div>
                <p>病毒篡改、恶意操作、系统崩溃统统搞定还等什么，快来下载！</p>
            </div>
            <a href="#" class="download-btn"></a>
        </div>
    </div>
    <footer>
        <p>Copyright © 2005-2019 360.CN All Rights Reserved 360互联网安全中心隐私权政策 京ICP证080047号</p>
        <div class="box">
            <a href="#">京公网安备 11000002000006号</a>
        </div>
    </footer>
</div>
</body>
</html>